<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
      integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<div class="panel panel-default panel-intro">
    {:build_heading()}


    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">

                    </div>

                    <table id="table_level" class="table table-striped table-bordered table-hover" width="100%">

                    </table>
                </div>
            </div>

        </div>
    </div>


    <style>
        .d-flex {
            display: flex;
            justify-content: space-between;
        }

        .add_user {
            width: 120px;
            height: 20px;
            line-height: 20px;
        }

        .line-c {
            width: 100%;
            height: 3px;
            margin: 20px 0px;
            padding: 0px 20px;
            background-color: #E8EBF0;
        }

        .btn-color {
            background-color: #5AA2FD;
            display: block;
            text-align: center;
            width: 100%;
            color: white;
        }

        table tr td {
            text-align: center;
        }

        .btn-color1 {
            background-color: #5AA2FD;
            color: white;

        }
    </style>

    <span style="color: red;line-height: 50px;height: 50px; font-weight: bolder;font-size: 25px;">|&nbsp;&nbsp;</span><span
        style="font-weight:bolder;font-size: 18px;">会员等级</span><br/>

    <div class="container" style="margin-top: 20px; ">
        <!--<div class="">
            <img  src="/assets/images/user_level/添加会员等级.png"/>
            <div class="add_user text-center">添加会员等级</div>
        </div>
        <form class="form-inline">
            <div class="form-group">
                <div class=""></div>
            </div>

            <div class="input-group">
                <input type="search" />
            </div>
        </form>-->
        <form class="form-inline">
            <div class="form-group">
                <div class="pull-left">
                    <a class="btn btn-color1 btn-sm"
                       href="#"><i
                            class="fa fa-plus"></i> 添加会员等级</a>
                </div>
            </div>

            <div class="form-group pull-right">

                <div class="input-group ">

                    <input type="text" class=" form-control" name="keyword" value="" placeholder="请输入关键词">
                    <span class="input-group-btn">
                        <button class="btn btn-color1" type="submit"> 搜索</button>
                    </span>
                </div>

            </div>


            <div class="form-group pull-right">
                <div class="input-group-select">
                    <select name="enabled" class="form-control">
                        <option value="" selected="">状态</option>
                        <option value="1">启用</option>
                        <option value="0">禁用</option>
                    </select>
                </div>
            </div>

        </form>


    </div>
    <div class="line-c"></div>
    <div class="">
        <form action="" method="post">
            <div class="page-table-header" style="padding-left: 30px;margin-bottom: 20px">
                <input type="checkbox">
                <div class="btn-group">
                    <button class="btn btn-default btn-sm " style="color: red" type="button" disabled="disabled"><i class="icow icow-shanchu1"></i> 删除 </button>
                </div>
            </div>
            <table class="table table-hover table-responsive">
                <thead>
                <tr>
                    <th style="width:25px;"></th>
                    <th style="width:50px;">
                        <span class="btn btn-color">序号</span>
                    </th>
                    <th style="width: 80px">
                        <span class="btn btn-color">等级名称</span>
                    </th>
                    <th style="width:80px;">
                        <span class="btn-color btn">折扣</span>
                    </th>
                    <th style="width: 80px">
                        <span class="btn-color btn">升级条件</span>

                    </th>
                    <th style="width:80px;">
                        <span class="btn-color btn">状态</span>
                    </th>
                    <th style="width: 95px">
                        <span class="btn-color btn">操作</span>
                    </th>
                </tr>
                </thead>

                <tbody>
                <tr style="background:#eee;">
                    <td></td>
                    <td>--</td>
                    <td>普通等级</td>
                    <td></td>
                    <td>
                        默认等级
                    </td>
                    <td>
                    </td>
                    <td>
                        <a class="btn btn-default  btn-sm btn-op btn-operation" href="#">
                                <span data-toggle="tooltip" data-placement="top" data-original-title="等级会员">



                                        <i class="fas fa-address-book" style="font-size: 15px"></i>
                               </span>
                        </a>
                        <a href="#" class="btn btn-default  btn-sm btn-op btn-operation">
                                        <span data-toggle="tooltip" data-placement="top" data-original-title="修改">


                                            <i class="fas fa-user-edit" style="font-size: 13px"></i>

                                        </span>
                        </a>
                    </td>
                </tr>

                <tr>
                    <td><input type="checkbox" value="1"></td>
                    <td>1</td>
                    <td>平台会员</td>
                    <td>0.00</td>
                    <td>

                        不自动升级
                    </td>
                    <td>
                        <span class="label label-primary" data-toggle="ajaxSwitch" data-switch-value="1">启用</span>
                    </td>
                    <td>
                        <a class="btn btn-default  btn-sm btn-op btn-operation"
                           href="">
                                    <span data-toggle="tooltip" data-placement="top" data-original-title="等级会员">
                                             <i class="fas fa-address-book" style="font-size: 15px"></i>
                                            </span>
                        </a>
                        <a href=""
                           class="btn btn-default btn-op btn-sm btn-operation">
                                        <span data-toggle="tooltip" data-placement="top" data-original-title="修改">
                                              <i class="fas fa-user-edit" style="font-size: 13px"></i>
                                            </span>
                        </a>

                        <a data-toggle="ajaxRemove"
                           href=""
                           class="btn btn-op btn-default btn-sm btn-operation" data-confirm="确认要删除此会员等级吗?">
                                            <span data-toggle="tooltip" data-placement="top" data-original-title="删除">
                                                <i class="fas fa-trash" style="font-size: 13px"></i>
                                            </span>
                        </a>

                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" value="2"></td>
                    <td>2</td>
                    <td>VIP贵宾</td>
                    <td>0.00</td>
                    <td>

                        完成订单金额满 10000.00元
                    </td>
                    <td>
                                                                <span class="label label-primary"
                                                                      data-toggle="ajaxSwitch" data-switch-value="1">
                                启用</span>
                    </td>
                    <td>
                        <a class="btn btn-default  btn-sm btn-op btn-sm btn-operation" href="">
                            <span data-toggle="tooltip" data-placement="top" data-original-title="等级会员">
                                <i class="fas fa-address-book " style="font-size: 15px"></i>
                            </span>
                        </a>
                        <a href="" class="btn btn-op btn-default btn-sm btn-operation">
                            <span data-toggle="tooltip" data-placement="top" data-original-title="修改">
                                <i class="fas fa-user-edit" style="font-size: 13px"></i>
                            </span>
                        </a>
                        <a data-toggle="ajaxRemove" href="#" class="btn btn-op btn-default btn-sm btn-operation" data-confirm="确认要删除此会员等级吗?">
                            <span data-toggle="tooltip" data-placement="top" data-original-title="删除">
                                <i class="fas fa-trash" style="font-size: 13px"></i>
                            </span>
                        </a>
                    </td>
                </tr>
                </tbody>


                <tfoot>
                <tr>
                    <td></td>
                    <td colspan="2">


                    </td>
                    <td colspan="4" style="text-align: right">
                        <span class="pull-right" style="line-height: 28px;">(共3条记录)</span>
                    </td>
                </tr>
                </tfoot>

            </table>

        </form>

    </div>


</div>

